<div class="wallet-nerBar-c" nz-row nzType="flex" nzJustify="left">

  <div class="c-img" nz-col nzSpan="3"> 
      <!-- <img src="../../../assets/img/logo.png" alt="" (click)="doSth()"> -->
      <app-logo></app-logo>
  </div>
  <div nz-col nzSpan="2" [ngClass]="{true:'grzx a-active',false:'grzx'}['center/home' == url]"> 
    <p routerLink="/member/center/home">{{ 'member-center.home' | translate }}</p>
  </div>
  <div nz-col nzSpan="2" [ngClass]="{true:'zdmx a-active',false:'zdmx'}['billing' == url]" >
      <span>|</span>  <p routerLink="/billing">{{ 'member-center.payList' | translate }} </p>
  </div>
  <div nz-col nzSpan="2"  [ngClass]="{true:'zdsz a-active',false:'zdsz'}['setting' == url || 'account' == url || 'banks' == url || 'address' == url]">
    <span>|</span>  <p routerLink="/act/myacy/account">{{ 'member-center.setting' | translate }} </p>
  </div>

<div nz-col nzSpan="6" class="drop" nzOffset='8'  >
  <div nz-row>

    <nz-dropdown nz-col nzSpan="14">
      <p nz-dropdown>
          {{username}} <i nz-icon style="padding-left: 14px" type="down"></i>
      </p>
      <ul nz-menu nzSelectable >
        <li nz-menu-item >
          <a (click)="logout()">退出</a>
        </li>
      </ul>
    </nz-dropdown>
    <nz-dropdown >
      <p nz-dropdown>
        {{ ('language' | translate) }} <i style="padding-left: 14px" nz-icon type="down"></i>
      </p>
      <ul nz-menu nzSelectable>
        <li nz-menu-item (click)="changeLang('zh')">
          <a>中文</a>
        </li>
        <li nz-menu-item (click)="changeLang('en')">
          <a>English</a>
        </li>
      </ul>
    </nz-dropdown>
  </div>
</div>


</div>